/* Elements */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(/images/bg.jpg);
	font: normal small Arial, Helvetica, sans-serif;
	color: #457600;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p, blockquote, ol, ul {
	margin-bottom: 1em;
	line-height: 180%;
}

a {
	color: #457600;
}

a:hover {
	text-decoration: none;
	color: #FF5302;
}

img {
	border: 0;
}


#logo {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* Header */

#header {
	height: 90px;
	padding: 30px 50px 0 0;
	color: #E5F5D0;
}

#header * {
	text-transform: lowercase;
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
}

#header h1 {
	font-size: 3em;
	letter-spacing: -2px;
}

#header h2 {
	font-size: 1em;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
}

/* Content */
#content {
	width: 700px;
	padding: 40px 40px 40px 40px;
	background: url(/images/content.jpg) repeat-y;
}

#logout {
	text-transform: uppercase;
	background: #FFFFFF;
	float: right;
	padding: 5px 5px 5px 5px;
}

/* Footer */

#footer {
	background: url(/images/footer.jpg) no-repeat;
}

#footer * {
	color: #FFFFFF;
}

#footer p {
	padding: 1em 0;
	text-align: center;
	font-size: smaller;
}

#tabs {
   float:left;
   width:100%;
   background: #e5f5d0;
   border-bottom:4px solid #7eac3d;
   margin-bottom: 10px;
   overflow:hidden;
   position:relative;
}
#tabs ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#tabs ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#tabs ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#bde584;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#tabs ul li a:hover {
   background:#6b9a29;
   color:#fff;
}

#tabs ul li a.selected,
#tabs ul li a.selected:hover {
   color:#fff;
   background:#7eac3d;
   font-weight:bold;
}

table#infotable {
	margin-bottom: 20px;
	border-collapse: collapse;
}

table#infotable th{
	background: #bde584;
}

table#infotable #fieldname{
	width: 30%;
	text-transform: capitalize;
}

table#infotable,
table#infotable th,
table#infotable td{
	padding: 5px;
	border: 1px solid #6b9a29;
}

table#rankingtable th,
table#rankingtable td{
    font-size:1em;
}

fieldset {
	padding: 10px;
	margin-bottom: 20px;
}

input {
	margin: 0px 5px;
}

form#loginform {
	margin-top: 20px;
}

form#loginform fieldset{
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

form#loginform div{
	width: 225px;
	padding: 5px;
}

form#loginform label{
	width: 70px;
	float: left;
}

form#loginform #button{
	width: 100%;
}

.center-text {
	text-align: center;
}

#selectables { 
    list-style-type: none; 
    margin-bottom: 10px; 
    padding: 0; 
}

#selectables .ui-selecting { 
    background: #FECA40; }
#selectables .ui-selected { 
    background: #F39814; 
    color: white; }

#selectables li { 
    float: left;
    font-size: 1em;
    height: 22px;
    margin: 1px;
    padding: 0px;
    text-align: center;
    width: 22px;
    border-style: outset;
    border-color: #6B9A29;
}
